﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
<head>
  
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  
</head>
<body>

  <div class="page-group">
    <div class="page page-current">
      
      <header class="bar student-bar">
        <a href="${ctx.host}" class="icon icon-left pull-left back"></a>
        <h1 class="student-title">学员课件</h1>
      </header>
      
      <div class="bar bar-header-secondary  bar-tab">
        <a class="tab-item student external fs-tab active" href="${ctx.host}/rounds?type=GROUPING">待分组</a>
        <a class="tab-item student external fs-tab" href="${ctx.host}/rounds?type=EDITING">编辑中</a>
        <a class="tab-item student external fs-tab" href="${ctx.host}/rounds?type=FINISH">已完成</a>
        <a class="tab-item student external fs-tab" href="${ctx.host}/rounds?type=CANCEL">已取消</a>
      </div>
      
      <div class="content" style="top: 4.7rem; bottom: 0rem;">
      
        <div class="list-block media-list" style="margin:0rem;">
          <ul>
            <c:forEach var="courseRound" items="${courseRounds}">
              <a href="${ctx.host}/rounds/${courseRound.id}?type=GROUPING" class="item-content student item-link">
              
                <div class="item-media">
                 <img src="${cloud.prod}/${courseRound.course.cover}" style="width: 4rem;">
               </div>
               
               <div class="item-inner">
                 <div class="item-title-row">
                   <div class="item-title">${courseRound.student.name}<small class="color-gray">&nbsp;${courseRound.student.mobile}</small></div>
                 </div>
                 
                 <div class="item-subtitle" style="margin: .2rem 0; height: 2.4rem;">
                   ${courseRound.course.name}<small>（${courseRound.course.hours}课时）</small><br>
                   约课状态：<span class="color-success">${courseRound.courseStatus.description}</span>
                 </div>
               </div>
              </a>
            </c:forEach>           
          </ul>
        </div>
      </div>
      
    </div>
  </div>
  
  <%@ include file="/WEB-INF/include/script.jsp"%>
    
</body>
</html>